<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录模板</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" rel="stylesheet" href="css/alipay.css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
<!--

$(document).ready(function(){
	//$(".mh_zx_ct:gt(0)").hide();
	var opt=$(".mh_zx_box ul li");
	opt.hover(function(){
		//alert($(this));
		$(this).addClass('one').siblings().removeClass('one');
		var opt_index=opt.index(this);
		$(".mh_zx_ct").eq(opt_index).show().siblings().hide();
	});
	$(".nav_green").mouseover(function(){
		$("#nav_more").show();
	}).mouseout(function(){
		var timer=window.setTimeout(function(){
			$("#nav_more").hide();	
		},1000)
		$(".nav_green li").mouseover(function(){
			window.clearTimeout(timer);
			//$("#nav_more").show();
		})
	})
	$(".nav_green li").mouseout(function(){
		$("#nav_more").hide();	
	})

});
//-->
</script> 
</head>
<body id="mainbody">
<!--头部登录-->
<div class="log_top">
	<div style="width:980px;height:38px;text-align:right;margin:auto">
    欢迎,XXX <a href="#">安全退出</a> | <a href="#">我的账户</a>   <a href="#">帮助中心</a>
    </div>
</div>
<!--#头部登录-->

<!--头部导航-->
<div class="head">
	<div class="logo"><img src="images/logo.jpg" />&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/logo2.png" /></div>
    <div class="pt55 line30 pl50 f_l"><h3 class="address">惠州</h3> [<a href="#">切换城市</a>]</div>
    <div class="f_l">
    <form id="form1" name="form1" method="post" action="" class="search">
    <input type="text" value="" class="s_input">
    <input type="submit" value="" class="go" style="cursor:pointer;">
    </form>
    </div>
</div>
<div class="h35 bg1">
	<div class="w980 mauto">
	<ul class="nav">
    	<li><a href="#" class="c1">首页</a></li>
        <li><a href="#" class="c2">2G号码套包</a></li>
        <li><a href="#" class="c3">3G开户</a></li>
        <li><a href="#" class="c4">积分商城</a></li>
    </ul>
    <div class="f_r w295 h28 mt5">
    	<div style="width:218px;height:28px;float:left; background:url(images/cart.png);line-height:28px; text-indent:50px">购物车里有<a href="#">2</a>件商品</div>
        <a href="#"><img src="images/go_shop.jpg" /></a>
    </div>
    </div>
</div>
<!--#头部导航-->

<!--主体布局-->
<div class="main">
  <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
   	<div class="w240 h210 f_l">
   <div class="pro_rm_top_line"></div>
   <div class="pro_rm_title">会员中心</div>
   <div class="pro_rm_main">
      <div class="pro_BoxRight_up dright">
      <p class="title"><a href="#" target="_top">用户名：下埔营业厅</a></p>
      <p class="title"><a href="#" target="_top">账户余额：20000.00元</a></p>
      <p class="title"><a href="#" target="_top">账户积分：1000</a></p>
     </div>
   <div class="service3">
   <a href="#" class="fb" onclick="addTrackPositionToCookie('1','fb');">更改设置</a>
   <a href="#" class="ck" onclick="addTrackPositionToCookie('1','ck');">充　　值</a>
   <a href="#"><img src="images/pp.jpg" /></a>
   </div>
 </div>
    </div>
        <div class="w500 h210 f_l ml10"><img src="images/ads.jpg" /></div>
        <div class="w220 h210 f_r">
         <div class="pic_zx_gg">
      <div class="mh_zx_box">
        <ul>
          <li class="one">手机/上网卡交费</li>
          <li>固话/宽带交费</li>
        </ul>
      </div>
      <div class="mh_zx_content">
        <div class="mh_zx_ct">
          <ul class="list_vio2">
<script for="T" event="onkeyup">
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
</script>    
<form method="post">  
<p>手机号码：<input type="text"></p>  
<p>固定金额：  
<select name="color" id="color">  
    <option value="red">100</option>  
    <option value="green">200</option>  
    <option value="blue">300</option>  
    <option value="yellow">400</option>  
    <option value="cyan">500</option>  
</select>　<span class="cs">折后：98元</span></p>
 <p><input type="submit" name="btnSubmit" id="btnSubmit" value="点击充值"></p>  
</form>
         </ul>
        </div>
        <div class="mh_zx_ct" style="display: none;">
          <ul class="list_vio2">
          </ul>
        </div>

      </div>
      <!--切换END-->
    </div>
        </div>
        
 </div>
        
        
        
    <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
    	<img src="images/rmhm.png" />
        <ul class="hm_list">
        	<li>
            	<img src="images/hm_pic.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">3G风行卡 500M流量 0.02/分钟</a><br /><span style="color:#ec6c00">月租仅10元/月</span>
                </div>
            </li>
            <li>
            	<img src="images/hm_pic.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">3G风行卡 500M流量 0.02/分钟</a><br /><span style="color:#ec6c00">月租仅10元/月</span>
                </div>
            </li>
            <li style="margin-right:0px">
            	<img src="images/hm_pic.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">3G风行卡 500M流量 0.02/分钟</a><br /><span style="color:#ec6c00">月租仅10元/月</span>
                </div>
            </li>
        </ul>
    </div>
    <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
    	<img src="images/jflp.png" />
        <ul class="lp_list">
        	<li>
            	<img src="images/lp_1.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">5000积分</a><br />
                </div>
            </li>
            <li>
            	<img src="images/lp_1.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">5000积分</a><br />
                </div>
            </li>
            <li>
            	<img src="images/lp_1.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">5000积分</a><br />
                </div>
            </li>
            <li>
            	<img src="images/lp_1.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">5000积分</a><br />
                </div>
            </li>
            <li style="margin-right:0px">
            	<img src="images/lp_1.jpg" />
            	<div style="text-align:center;margin-top:10px">
                <a href="#">5000积分</a><br />
                </div>
            </li>
        </ul>
    </div>
    <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
    	<img src="images/copy_line.jpg" /><br /><br /><br />
        <img src="images/copy.jpg" />
        <div style="width:740px;height:100%;overflow:hidden;margin:auto">
        <ul class="copy">
        	<li><a href="#">· 购物流程</a></li>
            <li><a href="#">· 发票说明</a></li>
            <li><a href="#">· 联系客服</a></li>
            <li><a href="#">· 注册协议</a></li>
        </ul>
        <ul class="copy">
        	<li><a href="#">· 在线支付</a></li>
            <li><a href="#">· 快捷支付</a></li>
        </ul>
        <ul class="copy" style="margin-left:20px">
        	<li><a href="#">· 快递配送</a></li>
            <li><a href="#">· 上门自提</a></li>
        </ul>
        <ul class="copy" style="margin-left:40px">
        	<li><a href="#">· 退换货政策</a></li>
            <li><a href="#">· 退换货流程</a></li>
            <li><a href="#">· 退款说明&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        </ul>
        </div>
        <img src="images/copy_line.jpg" />
    </div>
</div>
<!--#主体布局-->

<div class="clear"></div>
    <!--页底版权-->
    <div class="foot">
    	<a href="#">关于澳海通</a> | <a href="#">诚征英才</a> | <a href="#">联系我们</a><br/>
        澳海通版权所有 2013-2014 ICP证：12345678
    </div>
    <!--#页底版权-->


<!--回到顶部-->
<div style="position:fixed; bottom:0;right:0;z-index:999">
	<a href="#"><img src="images/top.png" /></a>
</div>
<!--#回到顶部-->
</body>
</html>
